<!--HTML语言时由标签组成的语言，其标签基本上都是成对出现的，
在一对标签分为起始标签和结束标签，分别用<和>符号括起来，
结束标签比起始标签多了一个/符号；
我们可以在一对标签内部添加内容，这个内容可以是文本、标签、图片路径等-->
<!--<!DOCTYPE html> 是HTML语言的头文件，用于声明HTML文档类型，
其作用是告诉浏览器以何种方式来渲染HTML文档，是HTML5的标准文档类型-->
<!DOCTYPE html>
<!--<html>标签是HTML文档的根标签，即浏览器加载和渲染的内容
都在这个标签内；lang表示语言，这里表示英语-->
<html lang="en">
<!--在<html>标签内部又分为<head>和<body>两个标签，
其中<head>标签用于定义文档的头部，主要编写供浏览器解析查看的信息；
这一部分内容通常不会被浏览器显示；而是被浏览器解析后作为页面的设置-->
<head>
    <!--<meta>标签用于定义HTML文档中的元数据，即关于HTML文档的信息，
    如字符解析方式-->
    <meta charset="UTF-8">
    <!--<title>标签用于定义HTML文档的标题，显示在浏览器的标题栏中-->
    <title>百度一下，你就知道</title>
    <!--使用link标签可以引入外部资源，如图片、CSS、icon等内容-->
    <!--引入图标，ico-->
    <link rel="shortcut icon" href="../resource/img.svg" type="image/x-icon">
</head>
<!--body标签用于定义HTML文档的主体，即浏览器显示的内容；
建议将所有需要显示的内容都定义在<body>标签内，因为HTML语言的语法较为松散，
不会强制限制内容必须定义在body中
-->
<body>
在body内部可以只用各种标签来展示内容，如文本、图片、链接、表格等
<!--在标签内部，可以通过标签属性设置标签的内容，如src属性用于指定图片的路径，
windeth和height属性用于指定图片的宽度和高度，单位为px像素点，
也可以通过百分比进行指定-->
<img src="../resource/img.svg" width="10%" height="10%" alt="图片加载失败">
</body>
</html>